<div id="join" main>
  <div  class="fh5co-blog-style-1">
    <div class="container">
      <div class="row p-b">
        <div class="col-md-6 col-md-offset-3 text-center">
          <h2 class="fh5co-heading wow fadeInUp topic" data-wow-duration="1s" data-wow-delay=".5s">欢迎您的加入</h2>
          <p class="wow fadeInUp" data-wow-duration="1s" data-wow-delay=".8s">对于未来的趋势，我们英雄所见略同</p>
          <p class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="1s">加盟热线：15102710701</p>
        </div>
      </div>
      <div id="company-intro">
        <div class="container-fluid warp wow fadeInUp" data-wow-duration="1s" data-wow-delay=".9s">
          <div class="row box">
            <div class="col-md-6 col-md-3">
              <img src="res/images/logo.png" class="col-md-6 images col-md-push-3 img-circle">
            </div>
            <div class="col-md-6">
              <h2>量身定制严谨的加盟方案</h2>
              <div class="">
                <p>在加盟前将成本投入等先清晰估算，使加盟投入透明化为加盟商合理规避风险。</p>

                <p>同时全面精准的估算开店收益，收益透明化令您轻松预判财富。</p>
              </div>
            </div>
          </div>
        </div>
        <div class="container-fluid warp wow fadeInUp" data-wow-duration="1s" data-wow-delay="1.5s">
          <div class="row box">
            <div class="col-md-6">
              <h2>独一无二的产品特色</h2>
              <div >
                <p>低成本：八点到直接与组装厂家合作生产高质量的功能性电动自行车，无需品牌车，减少20％左右的品牌溢价。</p>
                <p>统一涂装：电动自行车统统一涂装成八点到黄绿色调，打造城市时尚电动出行。</p>
                <p>标准配置：每一辆电动自行车配备“八点到”标识黄绿色调头盔，租30天以上用户免费送口罩。</p>
                <p>增值配送：服务点周边5公里以内用户可以支付20元配送费用享受送车上门服务。</p>
              </div>
            </div>
            <div class="col-md-6 col-md-3">
              <img src="res/images/logo.png" class="col-md-6 images col-md-push-3 img-circle">
            </div>
          </div>
        </div>
        <div class="container-fluid warp wow fadeInUp" data-wow-duration="1s" data-wow-delay="1.6s">
          <div class="row box">
            <div class="col-md-6 col-md-3">
              <img src="res/images/logo.png" class="col-md-6 images col-md-push-3 img-circle">
            </div>
            <div class="col-md-6">
              <h2>一流的主干团队与后台背景</h2>
              <div class="text">
                公司由武汉理工大学与武汉大学共同孵化建立的一家互联网新技术企业。企业依托武汉
                理工大学、武汉大学地理信息系统强大的科研背景，在地图导航、交通规则、商业选址上
                有完善的技术体系，公司软件研发力量雄厚，由一批来自武汉理工大学、武汉大学、华中科技大学
                的优秀软件工程师组成。
              </div>
              <div class="text">
                公司合作力量单位雄厚：公司与明泽集团建立长期合作关系，共同处理公司旗下产品投融资事宜；公司与上海中大
                律师事务所建立长期合作关系，共同处理旗下产品法律及风险控制事宜；公司与SUNGRARD中国建立长期合作关系，
                共同处理旗下产品金融范畴相关技术。
              </div>
            </div>
          </div>
        </div>
        <div class="container-fluid form-box wow fadeInUp" data-wow-duration="1s" data-wow-delay="1.8s">
          <form class="form-horizontal join-form col-md-12" ng-show="!hasSend">
            <h3 >加盟单</h3>

            <div>
              <div class="form-group">
                <label for="name" class="col-sm-2 control-label">姓名</label>
                <div class="col-sm-10">
                  <input type="text" class="form-control row" id="name" placeholder="" ng-model="newJoin.name">
                </div>
              </div>
              <div class="form-group">
                <label for="tel" class="col-sm-2 control-label">联系方式</label>
                <div class="col-sm-10">
                  <input type="tel" class="form-control row" id="tel" placeholder="" ng-model="newJoin.tel">
                </div>
              </div>

              <div class="form-group">
                <label class="col-sm-2 control-label">选择加盟城市</label>
                <div class="col-sm-5">
                  <select class="form-control row col-sm-3" ng-model="province" ng-selected="province ||''" ng-options="key as key for (key,value) in division">
                  </select>
                </div>
                <div class="col-sm-5">
                  <select class="form-control row col-sm-3" ng-model="city" ng-selected="city ||''" ng-options="key as key for (key,value) in division[province]">
                    <option>武汉市</option>
                  </select>
                </div>
              </div>
              <div class="form-group">
                <label for="another" class="col-sm-2 control-label">备注</label>
                <div class="col-sm-10">
                  <input type="tel" class="form-control row" id="another" placeholder="" ng-model="newJoin.ext">
                </div>
              </div>
              <button type="button" class="btn btn-default" ng-class="open? 'open':''" ng-click='sendMsg()' ng-disabled="!newJoin.name || !newJoin.tel || !province || !city">提交</button>
            </div>
          </form>
          <div class="return" ng-show="hasSend">
            您的信息已经发送成功，我们会在三个工作日内与您联系。感谢您的信任与支持！
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="fh5co-footer-style-3 container-fluid" id="footer">
    <div id="copyright" class="wow fadeInUp col-md-6 col-md-push-1 col-sm-8 col-sm-push-2" data-wow-duration="1s" data-wow-delay="1.1s">
      <div>&copy; 2016 武汉小象创意科技有限公司 鄂ICP备 15010664号-1</div>
      <div>全国客服热线：027-87522587 周一至周六：09:30至17:30</div>
    </div>
    <div class="wow fadeInUp col-md-3 col-md-push-2 col-sm-8 col-sm-push-2 hidden-xs" data-wow-duration="1s"
         data-wow-delay="1.1s">
      <div class="row">
        <div class="col-sm-6">
          <img src="res/images/weChat.jpg" class="col-xs-12">
          <div class="col-xs-12 text-center">关注微信</div>
        </div>
        <div class="col-sm-6">
          <img src="res/images/weibo.png" class="col-xs-12">
          <div class="col-xs-12 text-center">关注微博</div>
        </div>
      </div>
    </div>

  </div>
</div>